import moduleImg from '@/assets/image/screenshot/module.png';

## 主要构成#main-components

PageSpy 由以下三个模块组成：

- 调试端：对应 [HuolalaTech/page-spy-web](https://github.com/HuolalaTech/page-spy-web) 仓库，供开发者使用，提供各类调试功能面板，包括在线调试、离线回放等。
- SDK：对应 [HuolalaTech/page-spy](https://github.com/HuolalaTech/page-spy) 仓库，负责收集用户项目运行时的数据并发送给服务端，由服务端转发给调试端。
- 服务端：对应 [HuolalaTech/page-spy-api](https://github.com/HuolalaTech/page-spy-api) 仓库，负责中转两端的消息、存储数据等。

三个模块之间的交互图如下：

<a href={moduleImg} target="_blank">
  <img alt="系统模块示意图" src={moduleImg} />
</a>

## 多种部署方案#deployments

为了方便使用和保障数据安全，PageSpy 提供多种开箱即用的 **一键部署方案**，你可以根据实际情况选择合适的部署方式。

- [使用 Node 部署](./deploy-with-node)
- [使用 Docker 部署](./deploy-with-docker)
- [在宝塔面板安装](./deploy-with-baota)
